<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="stylesheets/index.css">
    <link rel="stylesheet" href="stylesheets/swiper-3.3.1.min.css">
</head>
<body>
	<div class="zyer">
        <!--穷游导航-->
        <div class="tips">
            <ul class="list">
                <li class="list_li">
                    <a href="" class="tips_a">目的地</a>
                </li>
                <li class="list_li">
                    <a href=""  class="tips_a" >锦囊</a>
                </li >
                <li class="list_li">
                    <a href=""  class="tips_a">行程助手</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">社区</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">最世界·自由行</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">机票</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">酒店</a></li>
                <li class="list_li">
                    <a href=""  class="tips_a">预定</a></li>
            </ul>
        </div>
        <!--最世界搜索框-->
        <div class="zyer_search">
	        <div class="search" >
	            <img src="./images/index-logo.png" alt="" class="search_img1">
	            <img src="./images/head-wordbg.png" alt="" class="search_img2">
	            <form action="" class="search_form">
	                <p class="input_p"></p>
	                <input type="text" placeholder="搜索国家、城市、产品" class="seach" >
	                <input type="submit" value="搜索" class="search_submit">
	                <div class="menu1">
	                    <ul>
	                        <li>
	                            <p>日本</p>
	                            <span><a href="">热门搜索</a></span>
	                        </li>
	                        <li>
	                            <p>清迈</p>
	                            <span><a href="">热门搜索</a></span>
	                        </li>
	                        <li>
	                            <p>海岛</p>
	                            <span><a href="">热门搜索</a></span>
	                        </li>
	                        <li>
	                            <p>法国</p>
	                            <span><a href="">热门搜索</a></span>
	                        </li>
	                        <li>
	                            <p>台湾</p>
	                            <span><a href="">热门搜索</a></span>
	                        </li>
	                        <li>
	                            <p>韩国</p>
	                            <span><a href="">热门搜索</a></span>
	                        </li>
	                    </ul>
	                </div>
	            </form>
	        	<div class="app">
		        	<img src="./images/top-app-bg.png" alt="" class="app_bg">
		        	<p><span class="icon"></span>APP</p>
	        	</div>
	        </div>
        </div>
         <!--导航条-->
        <div class="nav">
            <ul class="nav_list">
                <li><a href="">首页</a></li>
                <li><a href="">机酒自由行</a></li>
                <li><a href="">城市玩乐</a><img src="../images/wanletag.gif" alt="" class="play"></li>
                <li><a href="">签证</a></li>
                <li><a href="">租车自驾</a></li>
                <li><a href="">邮轮</a></li>
                <li><a href="">海岛游</a></li>
                <li><a href="">限时特卖</a></li>
                <li><a href="">特色路线</a></li>
                <li><a href="http://localhost:8080/cityWalk">CityWalk</a></li>
            </ul>
        </div>
		<!--轮播图-->
		<div class="bannerMenu">
	    	<div class="banner">
	            <div class="swiper-container">
	                <div class="swiper-wrapper"></div>
	                <div class="swiper-button-prev"></div>
	                <div class="swiper-button-next"></div>
	                <div class="swiper-pagination"></div>
	        	</div>
	   	 	</div>
	   	 	<!-- 二级菜单 -->
			<div class="menu">
				<ul class="menu_ul"></ul>		
			</div>
			<div class="menuCont">
				<div class="menuCont_div">
					<div class="menuCont_left">
						<h2>香港&nbsp;澳门</h2>
					</div>
				</div>
			</div>	
		</div>

		<!--logo-->
        <div class="logo">
            <img src="../images/14877586945516.jpg" alt="">
            <img src="../images/14890407637440.jpg" alt="">
            <img src="../images/14878317831388.jpg" alt="">
        </div>
		<!--限时特卖-->
        <div class="sale">
            <div class="sale_div">
                <h1>限时特卖</h1><span>每日必看的特价精选</span>
                <ul class="list">
                    <li class="">
                        <img src="../images/6.png" alt="">
                        <div class="li_div">
                            <p class="content">北京直飞香港5天往返含税机票</p>
                            <p  class="price_p"><span class="price">899</span>元起</p>
                        </div>
                    </li>
                    <li>
                        <img src="../images/7.png" alt="">
                        <div class="li_div">
                            <p class="content">【清明/五一/端午/】上海/南京直飞冲绳/大阪/福冈...</p>
                            <p class="price_p"><span class="price">1999</span>元起</p>
                        </div>
                    </li>
                    <li>
                        <img src="../images/8.png" alt="">
                        <div class="li_div">
                            <p class="content">【樱花,清明/五一/端午假期】天津直飞大阪6-7...</p>
                            <p class=" price_p"><span class="price">999</span>元起</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!--机酒自由行-->
        <div class="freeLine">
            <div class="title">
                <h2>机酒自由行</h2>
                <span>精选全球最优质的机票、酒店、邮轮等旅行产品</span>
                <ul class="freeLine_ul"></ul>
            </div>
            <div class="freeLine_img">
                <ul class="freeLine_img_ul">
                    <li class="freeLine_img_li1">
                        <a href=""><img class="lazy1" src="../images/s.jpg" alt=""></a>
                        <div class="infos">
                            <p class="type">机票</p>
                            <p class="price"><span class="pprice">2599</span>元起</p>
                            <div class="cont">
                                <p class="tittle">杭州直飞菲律宾长滩岛5/6天往返含税机票</p>
                                <span class="tittle_time">旅行时间 2017/02-2017/06</span>
                            </div>
                        </div>
                    </li>
                    <li class="freeLine_img_li2">
                        <a href="">
                            <img src="../images/a.jpg" class="lazy2"  alt="">
                        </a>
                        <div class="infos">
                            <p class="type">机+酒</p>
                            <p class="price"><span>2049</span>元起</p>
                            <div class="cont">
                                <p class="tittle">【清明/五一/端午】上海直飞束埔寨吴哥窑5-6天自由行(...</p>
                            </div>
                        </div>
                    </li>
                    <li class="freeLine_img_li3">
                        <a href=""><img class="lazy3" src="../images/u.jpg"></a>
                        <div class="infos">
                            <p class="type">机票</p>
                            <p class="price"><span>1599</span>元起</p>
                            <div class="cont">
                                <p class="tittle">【元旦/春节假期】天津直飞日本多地往返机场</p>
                            </div>
                        </div>
                    </li>
                    <li class="freeLine_img_li4">
                        <a href=""><img class="lazy4" src="../images/i.jpg"></a>
                        <div class="infos">
                            <p class="type">机票</p>
                            <p class="price"><span>1499</span>元起</p>
                            <div class="cont">
                                <p class="tittle">【元旦/春节假期】天津直飞日本多地往返机场</p>
                            </div>
                        </div>
                    </li>
                    <li class="freeLine_img_li5">
                        <a href=""><img class="lazy5" src="../images/o.jpg"></a>
                        <div class="infos">
                            <p class="type">机票</p>
                            <p class="price"><span>1899</span>元起</p>
                            <div class="cont">
                                <p class="tittle">【元旦/春节假期】天津直飞日本多地往返机场</p>
                            </div>
                        </div>
                    </li>
                    <li class="freeLine_img_li6">
                        <a href=""><img class="lazy6" src="../images/p.jpg"></a>
                        <div class="infos">
                            <p class="type">机票</p>
                            <p class="price"><span>1680</span>元起</p>
                            <div class="cont">
                                <p class="tittle">【元旦/春节假期】天津直飞日本多地往返机场</p>
                            </div>
                        </div>
                    </li>
                    <li class="freeLine_img_li7">
                        <div class="tittles">
                            <p class="tittle">查看更多<br/>机酒自由行产品</p>
                            <p class="arrow">
                                <span class="icon"></span>
                            </p>
                        </div>
                        <div class="list">
                            <ul>
                                <li>机票</li>
                                <li>酒店</li>
                                <li>机+酒</li>
                                <li>邮轮</li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
         <!--城市玩乐-->
        <div class="cityPlay">
            <div class="city_play">
                <div class="tittle">
                    <h2>城市玩乐</h2><span>像当地人一样，体验最本土的吃喝玩乐</span>
                    <ul class="city_play_ul">
                        <li class="list"><a href="">日本</a></li>
                        <li class="list"><a href="">泰国</a></li>
                        <li class="list"><a href="">港澳台</a></li>
                        <li class="list"><a href="">新西兰</a></li>
                        <li class="list"><a href="">澳大利亚</a></li>
                        <li class="list"><a href="">美国</a></li>
                        <li class="list"><a href="">WiFi/电话卡</a></li>
                    </ul>
                </div>
                <div class="cont">
                    <ul>
                        <li class="list1">
                            <a href="">
                                <p class="pic">
                                    <img class="lazy" src="../images/q.jpg">
                                </p>
                            </a>
                            <div class="tittle">
                                <p >【官方授权】日本大阪环球影城入园实体票/电子票(实体包邮)</p>
                                <p class="type">城市玩乐</p>
                                <p class="price"><span class="Price">480</span>元起</p>
                            </div>
                        </li>
                        <li class="list2">
                            <a href="">
                                <p class="pic">
                                    <img class="lazy2" src="../images/t.jpg" >
                                </p>
                            </a>
                            <div class="pics">
                                <h3 class="tit">日本冲绳乐游5处通票</h3>
                                <p class="pric"><span>275</span>元起</p>
                            </div>
                        </li>
                        <li class="list3">
                            <a href="">
                                <p class="pic">
                                    <img class="lazy3" src="../images/r.jpg" >
                                </p>
                            </a>
                            <div class="pics">
                                <h3 class="tit">日本冲绳乐游5处通票</h3>
                                <p class="pric"><span>275</span>元起</p>
                            </div>
                        </li>
                        <li class="list4">
                            <a href="">
                                <p class="pic">
                                    <img class="lazy4" src="../images/e.jpg">
                                </p>
                            </a>
                            <div class="pics">
                                <h3 class="tit">日本冲绳乐游5处通票</h3>
                                <p class="pric"><span>275</span>元起</p>
                            </div>
                        </li>
                        <li class="list7">
                            <div class="tittles">
                                <h3>查看更多<br/>城市玩乐产品</h3 >
                                <p class="arrow">
                                    <span class="icon">  </span>
                                </p>
                            </div>
                            <div class="list">
                                <ul>
                                    <li>WiFi/电话卡</li>
                                    <li>交通票券</li>
                                    <li>景点门票</li>
                                    <li>特色体验</li>
                                </ul>
                            </div>
                        </li>
                        <li class="list5">
                            <a href="">
                                <p class="pic">
                                    <img class="lazy5" src="../images/w.jpg">
                                </p>
                            </a>
                            <div class="pics">
                                <h3 class="tit">日本冲绳乐游5处通票</h3>
                                <p class="pric"><span>275</span>元起</p>
                            </div>
                        </li>
                        <li class="list6">
                            <a href="">
                                <p class="pic">
                                    <img class="lazy6" src="../images/y.jpg">
                                </p>
                            </a>
                            <div class="pics">
                                <h3 class="tit">日本冲绳乐游5处通票</h3>
                                <p class="pric"><span>275</span>元起</p>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>

         <!--主题推荐-->
        <div class="theme">
            <div class="tittle">
                <a href="">
                    <h2>主题推荐</h2>
                    <span>亲子、蜜月、个性玩法...你想要的这里都有</span>
                </a>
                <ul class="list">
                    <li class="list1">精品小团</li>
                    <li class="list2">发现城市</li>
                    <li class="list3">亲子家庭</li>
                    <li class="list4">情侣蜜月</li>
                    <li class="list5">血拼购物</li>
                    <li class="list6">闺蜜同游</li>
                    <li class="list7">冒险之旅</li>
                </ul>
            </div>
            <div class="pics7">
                <ul class="list">
                    <li class="list1">
                        <a href="">
                            <img class="lazy1" src="../images/600x400 (1).jpg" alt="">
                            <div class="cont">
                                <h3>【最世界线路】至美锡兰10天探索之旅———除了...</h3>
                                <p><span>9800</span>元起</p>
                            </div>
                        </a>
                    </li>
                    <li class="list2">
                         <p class="imgs"><img src="../images/275x185 (5).jpg" alt=""></p>
                        <div class="brief">
                            <h3>【city Walk】从大栅栏到杨梅竹斜街 - 老北京的城南旧事</h3>
                            <p><span>88</span>元起</p>
                        </div>
                    </li>
                    <li class="list3">
                        <p class="imgs"><img src="../images/275x185 (6).jpg" alt=""></p>
                        <div class="brief">
                            <h3>【city Walk】从大栅栏到杨梅竹斜街 - 老北京的城南旧事</h3>
                            <p><span>88</span>元起</p>
                        </div>
                    </li>
                    <li class="list4">
                        <p class="imgs"><img src="../images/275x185 (7).jpg" alt=""></p>
                        <div class="brief">
                            <h3>【city Walk】从大栅栏到杨梅竹斜街 - 老北京的城南旧事</h3>
                            <p><span>88</span>元起</p>
                        </div>
                    </li>
                    <li class="list5">
                        <p class="imgs"><img src="../images/275x185 (8).jpg" alt=""></p>
                        <div class="brief">
                            <h3>【city Walk】从大栅栏到杨梅竹斜街 - 老北京的城南旧事</h3>
                            <p><span>88</span>元起</p>
                        </div>
                    </li>
                    <li class="list6">
                        <p class="imgs"><img src="../images/275x185 (9).jpg" alt=""></p>
                        <div class="brief">
                            <h3>【city Walk】从大栅栏到杨梅竹斜街 - 老北京的城南旧事</h3>
                            <p><span>88</span>元起</p>
                        </div>
                    </li>
                    <li class="list7">
                        <div class="bref">
                            <h3>查看更多<br/>机酒自由行产品</h3>
                            <p class="arrow">
                                <span class="icon"></span>
                            </p>
                        </div>
                        <p></p>

                    </li>
                </ul>
            </div>
        </div>





    </div>
</body>
<script src="javascripts/baiduTemplate.js"></script>
<script src="javascripts/jquery-1.11.1.min.js"></script>
<script src="javascripts/swiper-3.3.1.min.js"></script>
<script src="javascripts/index.js"></script>
</html>